<template>
	<template>
		<view class="container">
			<view class="">
		
			</view>

			<up-steps :current="list.info.length" direction="column" activeColor="#E94816" dot>
				<up-steps-item :title="list.company_name">
					<template #desc>
						<view style="font-size: 28rpx;color:#333">订单编号：{{list.logistics_no}}</view>
					</template>
				</up-steps-item>
				<block v-for="(item,index) in list.info" :key="index">
				<up-steps-item :title="item.status">
					<template #desc>
						<view style="font-size: 28rpx;color:#333">{{item.context}}</view>
						<view style="font-size: 24rpx;color:#979797">{{item.time}}</view>
					</template>
				</up-steps-item>
				</block>
			</up-steps>
		</view>
	</template>
</template>

<script>
	import {
		http
	} from 'uview-plus'
	export default {
		data() {
			return {
				list: {}
			}
		},
		async onLoad(options) {
			// this.list = this.list.info.slice().reverse()
			
			await http.get('/shop/order/logistics',{
				params: {
					order_id: options.order_id
				}
			}).then(res => {
				this.list = res
			})
		}
	}
</script>

<style lang="scss">
	.container {
		width: 718rpx;
		background: #fff;
		margin: auto;
		padding: 17rpx;
		box-sizing: border-box;
	}
</style>